<?php
    global $user;
?><div class="header hide" id="header">
    <div class="top-banner">
        <p>
            <span class="menu" id="menu-button">
                <i class="fa fa-bars fa-2x"></i>
            </span>
            <!-- <span class="title"><span class="blue">buzz</span><span class="orange">pulse</span></span> -->
            <img src="Images/logo-beta.png" alt="">
            <span class="detail">
                    <!-- <i class="fa fa-bookmark fa-2x"></i> -->
            </span>
        </p>
    </div>
</div>
<div class="content hide" id="content">
    <div class="user">
        <img src="http://www.gravatar.com/avatar/a2ab8cea29cbd5a9b0e55b0fc2f8a22a" alt="" class="avatar">
        <div class="text">
            <p class="welcome">Hello <?php echo $user->name; ?>!</p>
            <p>
                Welcome to 
                <strong>
                    <span style="color: #065776; font-size: 17px;">buzz</span><span style="color: #f9800C;font-size: 17px">pulse</span><sup style="color: #3498DB; font-size: 10px">BETA</sup> 
                </strong> !
            </p>
        </div>

        <p>Please send us your <a href="">feedback</a>. If you need help using your account, contact <a href="">support</a>.</p>
    </div>
    <div class="main">
        <div class="caption">MAIN ACTION</div>
        <div class="element yellow">
                <i class="ub ub-task-o ub-4x"></i>
                <p>Task</p>
        </div>

        <div class="element">
                <i class="fa fa-user fa-4x"></i>
                <p>Add User</p>
        </div>

        <div class="element">
                <i class="ub ub-plus ub-4x"></i>
                <p>Add Stream</p>
        </div>

        <div class="element">
                <i class="ub ub-plug ub-4x"></i>
                <p>Connect Acc..</p>
        </div>
        <div class="caption">YOUR ACCOUNT</div>
        <div class="element ">
                <i class="ub ub-gear ub-4x"></i>
                <p>Setting</p>
        </div>

        <div class="caption">SUPPORT</div>
        <div class="element ">
                <i class="ub ub-printer ub-4x"></i>
                <p>Knowledge</p>
        </div>

        <div class="element">
                <i class="fa fa-comments fa-4x"></i>
                <p>Contact Us</p>
        </div>
    </div>
</div> <!-- End Content -->